<!--
 * @Descripttion: 
 * @Version: 
 * @Author: gaohj
 * @Date: 2022-11-02 14:13:24
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2022-11-02 15:03:12
-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // 计算机的ip 
        // ipv4 
        // 0~255.0~255.0~255.0~255

        // 公有ip  
        // 只能用户能连上互联网 就能访问的ip 
        // ipv4 比如   124.128.202.18 

        // 私有ip  局域网ip 

        // 192.168 
        // 172.16 
        // 10.0.  
        //  每个公司 每个教室  每个会议室 都有自己的局域网
        //  用户只能到里边才可以访问 

        // 回环网卡 
        //  127.0.0.1 

        // ipv4 早就分完了 
        // 不能保证人人有自己的IP地址   
        // 所以就出现了 好多人公用一个ip 


        // ipv6


        // cookie 特点 
        // 只能存储字符串 

        // 固定的格式 
        // key=value;key=value;key=value
        // 存储大小也有限制
        // 4kb
        // 有时效性 可以手动控制过期时间 
        // 默认会话结束 浏览器结束就消失 
        //  可以手动控制 
        // 操作必须依赖服务器
        // 自动携带  

        // js 可以获取设置cookie  
        // 服务器端也可以获取 


        // 依赖于同一个域名  

        // 必须同一个域名下才可以 

        //www.baidu.com    wenku.baidu.com 


        // 服务器方式打开 http://
        // http://127.0.0.1:5500/day14/05cookie.html
        // 这个属于本地方式打开 file://
        // file:///C:/www/2202/day14/05cookie.html


        // live server
        // 添加cookie 内容 
        // document.cookie = 'a=100';
        // document.cookie = 'b=200';
        // document.cookie = 'c=900';


        // 添加过期时间 
        //document.cookie = 'a=100;expires=时间对象';
        // 设置30秒以后过期
        // 先拿到当前的时间 向后调30s 

        // var time = new Date();
        // // console.log(time.getTime()+1000*30);
        // time.setTime(time.getTime()+1000*60);ime.getTime()
        // document.cookie = 'a=100;expires='+time

        function setCookie(key, value, expires) {
            if (expires) {
                var time = new Date();
                time.setTime(time.getTime() + 1000 * expires);

            }

            document.cookie = `${key}=${value};expires=${time}`
        }
        setCookie(2202, 'yyds', 80);
        // setCookie(2023,'luckey',60);


        // console.log(document.cookie);




        function get_cookie() {
            var res = document.cookie;
            //a=100; 2202=yyds; 220=yyds; 2023=luckey;
            // console.log(res);
            var map = {}
            var arr = res.split(";");
            arr.forEach(function (item) {
                var t = item.split('=');
                map[t[0]] = t[1]
            });
            return map;
        }


        var data = get_cookie();
        console.log(data[' 2202'])
    </script>
</body>

</html>